<template>
    <div>
        <van-nav-bar title="购物车" />
        <van-checkbox v-model="checked"></van-checkbox>

        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
        </van-swipe-cell>

        
        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button" />
            </template>
        </van-swipe-cell>

        
        <van-swipe-cell>
            <van-card num="2" price="2.00" desc="描述信息" title="商品标题" class="goods-card"
                thumb="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" />
            <template #right>
                <van-button square text="删除" type="danger" class="delete-button"  style="width: 70px;height: 70px;"/>
            </template>
        </van-swipe-cell>
    </div>
    <van-submit-bar :price="3050" button-text="提交订单" @click="js" />
</template>

<script setup>
import { useRouter } from 'vue-router';
let router=useRouter()
let js=()=>{
    router.push('/dd')
}   

</script>

<style lang="scss" scoped></style>